@charset "UTF-8";
@import "theme";

.tree-row{
  line-height:33px;
  cursor:pointer;
  padding-left:10px;
  padding-right:10px;
  color: $grey;
  margin-bottom:0 !important;

  &:hover{
    background-color: $info;
    color: $white;
  }
  i{
    color: #6a6e70;
    width:16px;
    height:16px;
    text-align:center;
    line-height:16px;
    &:hover{
      border-radius:50%;
      background-color: #d5d5d5;
    }
  }

  .treepop{
    margin-bottom: 0;
    .tree-menu-wrap{
      background-color: #f8f8ff;
      position: absolute;
      z-index: 1;
      box-shadow: 0 0 4px rgba(216, 216, 216, 0.79);
      border-radius:4px;
      &.tree-menu-hide{
        left: -9999px;
      }
      li{
        width: 200px;
      }
      a{
        border: none;
        &:hover{
          border-radius:50%;
          background-color: rgba(228, 228, 228, 0.56);
        }
      }
    }
    a{
      display: block;
      //padding: 10px 20px;
      //line-height: 1.2em;
      //padding:8px 16px;
      //color: #fff;

    }

  }

  .tree-row-title{
    padding-left:5px;
  }

  &.active{
    background-color: $primary;
    color: $white;
    //border-left:2px solid #e50000;
    i{
      color:$white;
    }
  }

  &.dragover{
    border:1px dotted #ce0000;
    background-color: rgba(239, 0, 0, 0.14);
  }
}








